<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 常用属性练习2</title>

    <style>
        h1 {
            color: chocolate;
        }

    </style>
    <link rel="stylesheet" href="main.css">
</head>

<body>
    <h1>CSS 常用属性练习2</h1>
    <section id="demo1">
        <h2>组合选择符</h2>
        <ul>
            <li class="first">后代选择符</li>
            <li style="color:cornflowerblue">子元素选择符</li>
            <li>相邻选择符</li>
            <li>兄弟选择符</li>
        </ul>
    </section>
    <section>
        <h2>组合选择符</h2>
        <p>组合选择符用来简化规则的书写，提高开发效率。</p>
    </section>
    <section>
        <p>组合选择符用来简化规则的书写，提高开发效率。组合选择符用来简化规则的书写，提高开发效率。组合选择符用来简化规则的书写，提高开发效率。组合选择符用来简化规则的书写，提高开发效率。组合选择符用来简化规则的书写，提高开发效率。组合选择符用来简化规则的书写，提高开发效率。
        </p>
    </section>
</body>

</html>
